// @import '~@inbiz/components/style/index.less';
.inbiz-EformSelectMember-SelectExtend {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 32px;
  overflow: hidden;
  line-height: 32px;
  border: 1px solid #ddd;
  border-radius: 2px;
  &-addonBefore {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    padding: 0 10px;
    color: var(--inbiz-color-primary);
    white-space: nowrap;
    background-color: #fff;
    cursor: pointer;
    user-select: none;
    > .anticon {
      margin-right: 6px;
    }
    &::after {
      position: absolute;
      top: 15%;
      right: 0;
      width: 0;
      height: 70%;
      border-right: 1px solid #ddd;
      content: '';
    }

    // &.disabled {
    //   background-color: #f5f5f5;
    //   color: rgba(0, 0, 0, 0.25);
    //   cursor: not-allowed;
    // }
  }

  &-select.ant-select {
    flex: 1;
    width: unset;
    height: 100%;
    overflow: hidden;
    > .ant-select-selector {
      display: flex;
      align-items: center;
      height: 100%;
      border: none;
      box-shadow: none;
      .ant-select-selection-overflow {
        flex-wrap: nowrap;
        .ant-select-selection-overflow-item {
          > span {
            overflow: hidden;
          }
        }
      }
    }
    &:not(.ant-select-customize-input) {
      > .ant-select-selector {
        border: none;
      }
    }
    &.ant-select-focused {
      .ant-select-selector {
        border: none !important;
        box-shadow: none !important;
      }
    }
  }
}

.inbiz-EformMemberSelect-Dropdown {
  max-height: 426px;
  // box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  // border-radius: 4px;
  // border: solid 1px #dddddd;
  padding: 0 8px;
  overflow: auto;
  background-color: #fff;
  &::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .inbiz-EformMemberSelect-DropdownItem {
    display: flex;
    align-items: center;
    height: 39px;
    margin-bottom: 1px;
    padding: 0 5px;
    color: #000;
    line-height: 39px;
    border-radius: 4px;
    cursor: default;
    > div {
      flex: 1;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    > svg {
      margin-right: 4px;
    }
    &.isFocus {
      background-color: #f5f5f5;
    }
  }
}
